<script setup lang="ts">
import {reactive, provide, ref} from 'vue';
import PersonAdvantagePopup from './PersonAdvantagePopup.vue'

const state = reactive({
  show: false
})
const resumeInfo = ref<any>()
const props = defineProps({
  advantageInfo: {
    type: String
  }
})
const closeChange = () => {
  state.show = false
  // store.getResumeDetail()
}
provide('popup', {
  closeChange
})
</script>
<template>
  <div class="resume-label">
    <h3>个人优势<img src="@/assets/img/my/icon-feedback.png" @click="state.show = true"/>
    </h3>
    <label>{{ advantageInfo || '请您填写个人优势' }}</label>
  </div>
  <!--弹窗-->
  <van-popup v-model:show="state.show" position="top" duration="0" :style="{ width: '100%',height: '100%' }">
    <PersonAdvantagePopup :advantageInfo="props.advantageInfo"></PersonAdvantagePopup>
  </van-popup>
</template>
<style scoped>
.resume-label h3 {
  display: flex;
  align-items: flex-end;
}

.resume-label img {
  width: 1rem;
  height: 1rem;
  margin-left: 0.32rem;
}
</style>